<template>
    <div>
        <el-pagination v-model:current-page="page.current" v-model:page-size="page.size" :page-sizes="[2, 5, 10, 20]"
            :default-page-size="page.size" layout="total, sizes, prev, pager, next, jumper" :total="page.total"
            :page-count="page.pages" @change="" />
    </div>
</template>

<script lang='ts' setup>
import { ref, defineExpose } from 'vue'
import useSys from '@/store/useSys';
import request from '@/api/request';
let sys = useSys();

// 分页对象
const page = ref({
    total: 0, // 总条数
    pages: 0, // 总页数
    current: 1, // 当前页数
    size: 5, // 每页条数
    records: [] // 数据
})


</script>

<style scoped></style>
